.flex-box{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;;
	display: -ms-flexbox;
	display: flex;
}
.flex-1{
	-webkit-box-flex: 1;
	box-flex:1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.flex-2{
	-webkit-box-flex: 2;
	box-flex:2;
	-moz-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}
.flex-3{
	-webkit-box-flex: 3;
	box-flex:3;
	-moz-box-flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
}
.flex-4{
	-webkit-box-flex: 4;
	box-flex:4;
	-moz-box-flex: 4;
	-webkit-flex: 4;
	-ms-flex: 4;
	flex: 4;
}
::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track-piece
{
    background-color: #CCCCCC;
    -webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical
{
    height: 5px;
    background-color: #666;
    -webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:horizontal
{
    width: 5px;
    background-color: #CCCCCC;
    -webkit-border-radius: 5px;
}
header{
	position: fixed;
	top: 0;
	width: 100%;
	height: 30px ;
	background-color: #22CB64;
	color: #fff;
	line-height: 30px;
}
.title{
	padding-left: 10px;
}
.btn_mini{
	position: absolute;
	right:80px;
	top: 0;
}
.btn_mini:hover,.btn_max:hover,.btn_close:hover{
	color: #666666;
}
.btn_max{
	position: absolute;
	right:45px;
	top: 0;
}
.btn_close{
	position: absolute;
	right: 10px;
	top: 0;
}
.main{
	margin-top: 30px;
	/*padding: 10px;*/
}